/*弹出子菜单*/
$(function () {
    $(".fu-row").attr("data",1);
});
$(".fu-row").click(function () {
    var data = $(this).attr("data");
    if (data == 0){
        $(this).find('img').css({"transform":"rotate(90deg)"});
        $(this).attr('data',1);
    }else{
        $(this).attr('data',0);
        $(this).find('img').css({"transform":"rotate(360deg)"});
    }
    $(this).next(".menu-son-box").slideToggle();
});
/*菜单划出*/
$(".bread").click(function () {
    if($(this).attr('rel') == 0){
        $(this).attr('rel',1);
        $(".menu").stop().slideDown();
        $(".menu_bg").show();
    }else{
        $(this).attr('rel',0);
        $(".menu").stop().slideUp();
        $(".menu_bg").hide();

    }
});
$(".menu_bg").on('click',function () {
    $(this).hide();
    $(".menu").slideUp();
    $(".bread").attr('rel',0);
});


/*stop*/
$(document).ready(function(){
    $("#start").click(function(){
        $("#box").animate({height:300},2000);
        $("#box").animate({height:100},2000);
    });
    $("#stop").click(function(){
        $("#box").stop();
    });
});


/*淡入淡出*/
$(document).ready(function(){
    $("button").click(function(){

        // $("#div1").fadeToggle();
        // $("#div2").fadeToggle("slow");
        // $("#div3").fadeToggle(3000);
        var rel = $(this).attr('rel');
        if (rel==0){
            $("#div1").fadeIn();
            $("#div2").fadeIn("slow");
            $("#div3").fadeIn(3000);
            $(this).attr('rel',1);
        }else{
            $("#div1").fadeOut();
            $("#div2").fadeOut("slow");
            $("#div3").fadeOut(3000);
            $(this).attr('rel',0);
        }

    });
});
/*动画*/
$(document).ready(function(){
    $("button").click(function(){
        $("div").animate({
            left:'250px',
            opacity:'0.5',
            height:'150px',
            width:'150px'
        });

    });
});

